@mixin infoBlock($padding){
  background: white;
  padding: $padding;
  box-sizing: border-box;
  box-shadow: 0px 5px 8px 0px #4E507C1A;
  border-radius: 16px;
}

// 超出行数显示...
@mixin clampSpot($num) {
    overflow: hidden; //溢出内容隐藏
    text-overflow: ellipsis; //文本溢出部分用省略号表示
    display: -webkit-box; //特别显示模式
    -webkit-line-clamp: $num; //行数
    line-clamp: $num;
    -webkit-box-orient: vertical; //盒子中内容竖直排列
}

// 背景图片居中
@mixin bgCenter($url) {
    background-image: url($url);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
  
  // 背景图片地址和大小
  @mixin bg($url) {
    background-image: url($url);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  
  @mixin borderRadius($radius: 4px) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
  }
  
  //定位全屏
  @mixin allcover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  @mixin flexAllCenter{
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @mixin flexLrCenter{
    display: flex;
    justify-content: center;
  }

  @mixin flexBetween{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  //定位上下左右居中
  @mixin center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: space-between;
  }
  
  
  //定位上下居中
  @mixin ct {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  
  //定位上下居中
  @mixin cl {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  
//flex 布局和 子元素 对其方式
@mixin fj($type: space-between) {
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: $type;
    justify-content: $type;
}
